forum

home / developersection / forums / how to bind the local image in datagrid using wpf?

Ask Question

How to bind the local image in datagrid using wpf?

marcel ethan 7649 08-Aug-2013

I have a datagrid in wpf and I want to show an image in image column. How to do the task?

Please provide a demo if possible.

Any help will be appreciated.

wpf wpf 
Updated on 09-Aug-2013
marcel ethan

Other

Message
Can you answer this question?
Answer

1 Answers

shreesh chandra shukla

shreesh chandra shukla

09-Aug-2013
Hi!
You can use the below lines of code to show an image in image column of datagrid.
In window.xaml code :-
        <DataGrid AutoGenerateColumns="False" Margin="12" Name="dataGrid1">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Image Source="{Binding ImageFilePath}" Width="50" Height="50" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
In window.xaml.cs code :-
public class imageBinding
        {
            public BitmapImage ImageFilePath { get; set; }
        }
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i <= 20; i++)
            {
                dataGrid1.Items.Add(new imageBinding { ImageFilePath = new BitmapImage(new Uri(@"Physical Image File Path           	")) });
            }
        }
thanks!

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy